<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title><?=$page_title;?></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
		<link rel="stylesheet" href="<?=style_url('bootstrap.min');?>">
		<link rel="stylesheet" href="<?=style_url('bootstrap-responsive.min');?>">
		<link rel="stylesheet" href="<?=style_url('main-css');?>">
		<link rel="stylesheet" href="<?=style_url('bootstrap-timepicker.min');?>">
		<link rel="stylesheet" href="<?=style_url('datepicker');?>">
		
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script>window.jQuery || document.write('<?=script_url('jquery-1.9.0.min');?>')</script>
        <script type="text/javascript" src="<?=script_url('modernizr-2.6.2.min');?>"></script>
    </head>
    <body>
		<div>
			<?=$this->load->view('layouts/dropdown_bar');?>
		</div>
		
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
		

        <div class="container-fluid">
			<!--
			<div class="row-fluid">
				<div class="">
					<h1>Human Resource Department (HRD)</h1>
					<div class="clearfix"></div>
					
					<div class="clock">
						<div id="Date"></div>
						<ul>
							<li id="hours"> </li>
							<li id="point">:</li>
							<li id="min"> </li>
							<li id="point">:</li>
							<li id="sec"> </li>
						</ul>
					</div>
					
				</div>
			</div>
			-->
			<div class="row-fluid">
				<div class="span2 box">
					<?$this->load->view('layouts/menu')?>
				</div>
				<div class="span10 box">
					<?=$yield;?>
				</div>
			</div>
			<div class="message"></div>
		</div>

        
         <script type="text/javascript" src="<?=script_url('main');?>"></script>
         <script type="text/javascript" src="<?=script_url('plugins');?>"></script>
         <script type="text/javascript" src="<?=script_url('bootstrap.min');?>"></script>
         <script type="text/javascript" src="<?=script_url('bootstrap-timepicker.min');?>"></script>
         <script type="text/javascript" src="<?=script_url('bootstrap-datepicker');?>"></script>
         
    </body>
</html>
